<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>老虎机</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="box" id="box">
    <ul>
        <li class="a">1</li>
        <li class="b">2</li>
        <li class="c">3</li>
        <li class="d">4</li>
        <li class="e">5</li>
        <li class="f">6</li>
        <li class="g">7</li>
        <li class="h">8</li>
        <li class="i">9</li>
        <li class="j">10</li>
        <li class="k">11</li>
        <li class="l">12</li>
    </ul>
    <!-----------------------火车倍数---------------------------------->
    <h1>×1</h1>
</div>
<div class="con">
    <p> 请选择你的选择:</p>
    <ul>
        <li onclick="choice(1)">1</li>
        <li onclick="choice(2)">2</li>
        <li onclick="choice(3)">3</li>
        <li onclick="choice(4)">4</li>
        <li onclick="choice(5)">5</li>
        <li onclick="choice(6)">6</li>
        <li onclick="choice(7)">7</li>
        <li onclick="choice(8)">8</li>
        <li onclick="choice(9)">9</li>
        <li onclick="choice(10)">10</li>
        <li onclick="choice(11)">11</li>
        <li onclick="choice(12)">12</li>
    </ul>
    <div style="overflow: hidden;">
        <div class="fanbeiqu">
            翻
            <input type="text" id="beishu" value="1">
            倍
        </div>
        <div class="yajin">
            当前所需积分:
            <span id="curJifen">0</span>
        </div>
    </div>
    <input type="button" id="btn" value="走你" onclick="start()">
    <!--<input type="button" id="stop" value="吁~~~">-->
</div>
<!--------------------------总积分-------------------------------->
<div class="zong">
    <span>当前总积分:</span>
    <input type="text" readonly id="zongJifen" value="0">
</div>
<!-----------------------显示是否中奖---------------------------------->
<div id="showre">
    <h2>恭喜中奖</h2>
    <a href="javascript:void(1)" id="closeshow">好的</a>
</div>
<!-----------------------财神---------------------------------->
<img src="./img/caishen.png" alt="" class="caishen">
<!-----------------------游戏记录---------------------------------->
<div class="jilu">
    <h3>游戏记录</h3>
    <div id="showjilu">
        <ul id="jilulist">
            <!--<li><span>第1期开奖号码:</span><b>05</b><strong>未中奖</strong></li>-->
            <!--<li><span>第2期开奖号码:</span><b>07</b><strong>+300分</strong></li>-->
        </ul>
    </div>
</div>
<!-----------------------玩法介绍---------------------------------->
<div class="jieshao">
    <h3>玩法介绍</h3>
    <div id="showjieshao">
        <ul id="jieshaolist">
            <li>1.选择自己认为会开奖的号码,可以选择多个,每个号码需要10积分</li>
            <li>2.选择倍数后,抵押积分和结算时的奖励积分都会是相应的倍数</li>
            <li>3.点击'走你'开始游戏,当开奖号码在你选则的号码中时,则会按照60</li>
            <li>积分的基数奖励积分</li>
            <li>tip:若开奖号码为6或者12都有一定几率触发双倍效果,此时会开始新</li>
            <li>一轮抽奖,如中奖,积分奖励双倍</li>
            <li>tip:运气爆棚双倍效果可叠加触发,×2,×4,×8...</li>
        </ul>
    </div>
</div>
<!-----------------------音效---------------------------------->
<audio src="./music/bgm.mp3" id="bgm" loop="loop"></audio>
<audio src="./music/diu.mp3" id="diu"></audio>
<audio src="./music/zhongjiang.mp3" id="zhongjiang"></audio>
<audio src="./music/meijiang.mp3" id="meijiang"></audio>
<script src="./js/index.js"></script>
</body>
</html>